/* 这里是公共样式表 */
/* element 重改系列 */
/* 修改时间选择器高度 */
.el-input__icon+.el-input__inner{
  height: 40px;
}
.el-autocomplete, .el-input, .el-input__inner {
  width: 220px;
  height: 42px;
}
.el-input__inner {
  height: 42px!important;
}
.el-tag {
  margin-right: 10px;
}
/* 输入框大小系列 */
.routerView .inputSmall, .inputSmall {
  width: 220px;
}
.routerView .inputMiddle, .inputMiddle {
  width: 400px;
}
.routerView .inputlarge, .inputlarge {
  width: 800px;
}
/* base */
/* 输入组 */
.inputGroup {
  margin-bottom: 20px;
}

.inputLabel {
  display: block;
  line-height: 42px;
  text-align: right;
  color: #48576a;
}

.inputRow {
  margin-bottom: 10px !important;
  white-space: nowrap;
}

.inputCol {
  margin-right: 9px !important;
}

/* flex布局系列 */
.flexCenterY {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
/* text对齐系列 */
.textCenter {
  text-align: center
}
.textLeft {
  text-align: left
}
.textRight {
  text-align: right
}
/* 空白系列 */
.height50 {
  height: 50px;
}
.height40 {
  height: 40px;
}
.height30 {
  height: 30px;
}
.height20 {
  height: 20px;
}
.height10 {
  height: 20px;
}
.width10 {
  display: inline-block;
  width: 10px;
}
.width20 {
  display: inline-block;
  width: 20px;
}
.width30 {
  display: inline-block;
  width: 30px;
}
.width40 {
  display: inline-block;
  width: 40px;
}
.width50 {
  display: inline-block;
  width: 50px;
}
.margin-0 {
  margin: 0;
}
/*时间控件*/
.datePicker {
  display: inline-block;
}
.datePicker .selectWay {
  padding: 0 5px;
  color: #bfcbd9;
}
/*table*/
/*表格*/
.table {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #dfe6ec;
  font-size: 14px;
  line-height: 21px;
  color: #333;
  text-align: center;
  border-collapse: collapse;
}
.table th,.table tr, .table td {
  border: 1px solid #dfe6ec;
}

.table th {
  color: #000;
  background-color: #eef1f6;
}

.table tr {
  background-color: #fff;
}

.table tr:hover, .table .active-tr {
  background-color: #eef1f6;
}

.table tr {
  height: 42px;
}

.table th, .table td {
  padding: 10px 0;
}

.table-operate img {
  margin-right: 20px;
  cursor: pointer;
}

.table-operate img:last-child {
  margin-right: 0;
}

/*分页*/
.pagination {
  margin-top: 20px;
}

.inline-marginR-20 {
  display: inline-block;
  margin-right: 20px;
}

.btn {
  color: #fff;
  border-radius: 5px;
  margin: 1px 0;
  outline: none;
}
/*搜索*/
.btn-search {
  width: 100px;
  height: 40px;
  border: 1px solid #fdca00;
  background-color: #ffa53d;
  position: absolute;
  right: 30px;
  bottom: 10px;
}
/*新增*/
.btn-increase {
  width: 100px;
  height: 40px;
  border: 1px solid #fdca00;
  background-color: #ffa53d;
  margin: 20px 0 0 0;
}
/*操作*/
.btn-operate {
  width: 100px;
  height: 30px;
  background-color: #ffa53d;
  border: 1px solid #ffa53d;
}
.btn-operate-gray {
  background-color: #aaaaaa !important;
  border: 1px solid #aaaaaa !important;
  color: #fff !important;
}
/*取消*/
.btn-cancel {
  width: 100px;
  height: 40px;
  margin-top: 30px;
  border: 1px solid #fdca00;
  background-color: #ffa53d;
  margin-left: 180px;
}
/*保存*/
.btn-save {
  width: 100px;
  height: 40px;
  margin-top: 30px;
  border: 1px solid #fdca00;
  background-color: #ffa53d;
  margin-left: 30px;
}
/*富文本框编辑器*/
.quill {
  display: inline-block;
  width: 60%;
}
.quill .ql-editor {
  height: 350px;
}

.container {
  display: flex;
  align-items: stretch;
  min-width: 1000px;
  min-height: 100%;
  background-color: #1f2d3d;
  padding-top: 80px;
  box-sizing: border-box;
}

.routerView {
  flex-grow: 1;
  padding: 20px;
  background-color: #fff;
}

.routerView .content {
  margin-top: 20px;
}

/* Topbar */
.Topbar{
  width: 100%;
  height: 80px;
  min-width: 1000px;
  line-height: 80px;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
}
.Topbar .title {
  color: #48576a;
}
.Topbar .el-col-18 {
  padding-left: 40px;
}
/* Nav */
.Select {
  display: inline-block;
}
.Format {
  width: 1000px;
  padding-bottom: 40px;
  padding: 20px 0;
  background: #E1F5FE;
  margin-top: 10px;
}
.Format .spec {
  width: 150px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
  vertical-align: top;
}
.Format .specNum {
  display: inline-block;
  width: calc(100% - 150px - 10px);
}
.Format .marginB-20 {
  margin-bottom: 20px;
}

.buttonWrap {
  margin: 40px 0;
}
